<a href="#" class="btn btn-primary"><i class="icon-plus icon-white"></i> Add Role</a>

<table class="table table-hover table-condensed">
	<caption>List of Roles</caption>
	<thead>
		<tr>
			<th>#</th>
			<th>Role</th>
			<th>Status</th>
			<th>Actions</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>...</td>
			<td>...</td>
			<td>...</td>
			<td><a href="#"><i class="icon-eye-open"></i> Details</a> <a href="#"><i
					class="icon-lock"></i> Block</a> <a href="#"><i class="icon-trash"></i> Delete</a></td>
		</tr>
		<tr>
			<td>...</td>
			<td>...</td>
			<td>...</td>
			<td>...</td>
		</tr>
	</tbody>
</table>

<div class="pagination">
	<ul>
		<li><a href="#"><i class="icon-chevron-left"></i></a></li>
		<li><a href="#">1</a></li>
		<li><a href="#">2</a></li>
		<li><a href="#">3</a></li>
		<li><a href="#">4</a></li>
		<li><a href="#">5</a></li>
		<li><a href="#"><i class="icon-chevron-right"></i></a></li>
	</ul>
</div>
